$(function () {
    //表单验证
    // 1. 用户名不能为空
    // 2. 用户密码不能为空
    // 3. 用户密码长度为6-12位
    // 4. 用户名不能2-6位

    $('#form').bootstrapValidator({

        //指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        //设置被验证的字段
        fields: {
            //用户名
            username: {
                validators: {
                    //非空验证
                    notEmpty: {
                        message: '用户名不能为空哦！'
                    },
                    stringLength: {
                        max: 6,
                        min: 2,
                        message: '长度必须是2-6位！'
                    },
                    callback: {
                        message: '用户名不存在'
                    }
                }
            },
            //密码
            password: {
                //验证规则
                validators: {
                    notEmpty: {
                        message: '密码不能为空！'
                    },
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '长度为6-12位'
                    },
                    callback: {
                        message: '密码错误'
                    }
                }
            }
        }

    });


    //2 在表单验证通过是，通过ajax向后台发送请求验证，验证是否登录成功
    // bootstrapValidator插件 自身提供了一个 success.form.bv表单验证的事件
    $('#form').on('success.form.bv', function (e) {
        //阻止submit按钮的默认行为
        e.preventDefault();
        // console.log('验证通过');
        //通过过ajax向后台发送请求
        $.ajax({
            url: '/employee/employeeLogin',
            type: 'post',
            data: $('#form').serialize(),
            dataType: 'json',
            success: function (info) {
                console.log(info);        
    // updateStatus(field, status, validatorName)
    //  NOT_VALIDATED：未校验的
    //  VALIDATING：校验中的
    //  INVALID ：校验失败的
    //  VALID：校验成功的。
    
                if (info.error == 1000) {
                    $('#form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');                
                }

                if (info.error == 1001) {
                    $('#form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');                     
                }

                if (info.success) {
                    // alert('登录成功！');
                    location.href = 'index.html';
                    
                }
            }
        });
        
    });

    //3-表单重置 
    $('.btn-reset').on('click', function () {
        //重置表单的数据和图标
        $("#form").data('bootstrapValidator').resetForm()
    });

});